<template>
     <view class="content" :style="viewColor">
          <div class="herd"></div>
               <!-- 信息 -->
               <div class="haibao" v-if="xinxilist.mb_type==0">
                    <div class="haibao-top">
                         <div class="haitetx">
                              <h3>{{xinxilist.nickname}}</h3>
                              <p>{{xinxilist.position_name==null?'':xinxilist.position_name}}</p>
                              <p>{{qiyexx.name}}</p>
                         </div>
                         <div class="haiimage">
                              <view @click="haibao">
                                   <span>海报</span>
                                   <image :src="imgHost + '/index/erwm.png'"></image>
                              </view>
                              <view>
                                   <image :src="xinxilist.avatar" mode=""></image>
                              </view>
                         </div>
                    </div>
                    <div class="haibao-bott">
                         <view>
                              <span>
                                   <image :src="imgHost + '/index/iconsj.png'" mode=""></image>
                                   <span>{{xinxilist.phone}}</span>
                              </span>
                              <span></span>
                         </view>
                         <view  @click="openMap">
                              <span>
                                   <image :src="imgHost + '/index/dinwe.png'" mode=""></image>
                                   <span>{{qiyexx.address}}</span>
                              </span>
                              <span>
                                   <image :src="imgHost + '/index/right.png'" mode=""></image>
                              </span>
                         </view>
                         <view>
                              <span>
                                   <image :src="imgHost + '/index/ement.png'" mode=""></image>
                                   <span>{{xinxilist.email}}</span>
                              </span>
                              <span>
                                   <image :src="imgHost + '/index/right.png'" mode=""></image>
                              </span>
                         </view>
                    </div>
               </div>
               <div class="haibao-two" v-if="xinxilist.mb_type==1">
                    <div class="moban" style="height: 400rpx; background-color: #eee;margin-top:20rpx;">
						<image :src="xinxilist.avatar" mode="" style="width: 100%;height: 100%;"></image>
                    </div>
                    <div class="haibao1">
                         <div class="haibao-top1">
                              <div class="haitetx1">
                                   <h3>{{xinxilist.nickname}}</h3>
                                   <p>{{xinxilist.position_name}}</p>
                              </div>
                              <div class="haiimage1">
                                   <view @click="haibao">
                                        <span>海报</span>
                                        <image :src="imgHost + '/index/erwm.png'"></image>
                                   </view>
                              </div>
                         </div>
                         <div class="haibao-bott1">
                              <view>
                                   <span>
                                        <image :src="imgHost + '/index/iconsj.png'" mode=""></image>
                                        <span>{{xinxilist.phone}}</span>
                                   </span>
                                   <span></span>
                              </view>
                              <view  @click="openMap">
                                   <span>
                                        <image :src="imgHost + '/index/dinwe.png'" mode=""></image>
                                        <span>{{qiyexx.address}}</span>
                                   </span>
                                   <span>
                                        <image :src="imgHost + '/index/right.png'" mode=""></image>
                                   </span>
                              </view>
                              <view>
                                   <span>
                                        <image :src="imgHost + '/index/ement.png'" mode=""></image>
                                        <span>{{xinxilist.email}}</span>
                                   </span>
                                   <span>
                                        <image :src="imgHost + '/index/right.png'" mode=""></image>
                                   </span>
                              </view>
                         </div>
                    </div>
               </div>
               <div class="h-hanbao2" v-if="xinxilist.mb_type==2" >
                    <div class="sbajia"></div>
                    <div>
                         <div class="h-text">
                              <div>
                                   <h3>{{xinxilist.nickname}}</h3>
                                   <p>{{xinxilist.position_name}}</p>
                              </div>
                         </div>
                         <div class="haibao-bott2">
                              <view>
                                   <span>
                                        <image :src="imgHost + '/index/iconsj.png'" mode=""></image>
                                        <span>{{xinxilist.phone}}</span>
                                   </span>
                              </view>
                              <view @click="openMap">
                                   <span>
                                        <image :src="imgHost + '/index/dinwe.png'" mode=""></image>
                                        <span>{{qiyexx.address}}</span>
                                   </span>
                              </view>
                              <view>
                                   <span>
                                        <image :src="imgHost + '/index/ement.png'" mode=""></image>
                                        <span>{{xinxilist.email}}</span>
                                   </span>
                              </view>
                    						 <view class="haibaoText">
                    						 	<view @click="haibao">
                    						 		<text>海报</text>
                    						 		<image :src="imgHost + '/index/erwm.png'"></image>
                    						 	</view>
                    						 </view>
                         </div>
                    </div>
                    <div class="h-img" @click="tiajzp">
                         <div class='herimg' v-if="xinxilist.avatar ==''">
                              <text class="iconfont">&#xe600;</text>
                              <span>添加照片</span>
                         </div>
                         <image v-else :src="xinxilist.avatar" mode="aspectFill"></image>
                    </div>
               </div>
			   <div class="haibao-two" v-if="xinxilist.mb_type==3">
			        <div class="moban" style="height: 400rpx; background-color: #eee;margin-top:20rpx;">
			   			<video :src="xinxilist.mb_video" style="width: 100%;height: 100%;" mode="aspectFill" autoplay></video>
			        </div>
			        <div class="haibao1">
			             <div class="haibao-top1">
			                  <div class="haitetx1">
			                       <h3>{{xinxilist.nickname}}</h3>
			                       <p>{{xinxilist.position_name}}</p>
			                  </div>
			                  <div class="haiimage1">
			                       <view @click="haibao">
			                            <span>海报</span>
			                            <image :src="imgHost + '/index/erwm.png'"></image>
			                       </view>
			                  </div>
			             </div>
			             <div class="haibao-bott1">
			                  <view>
			                       <span>
			                            <image :src="imgHost + '/index/iconsj.png'" mode=""></image>
			                            <span>{{xinxilist.phone}}</span>
			                       </span>
			                       <span></span>
			                  </view>
			                  <view  @click="openMap">
			                       <span>
			                            <image :src="imgHost + '/index/dinwe.png'" mode=""></image>
			                            <span>{{qiyexx.address}}</span>
			                       </span>
			                       <span>
			                            <image :src="imgHost + '/index/right.png'" mode=""></image>
			                       </span>
			                  </view>
			                  <view>
			                       <span>
			                            <image :src="imgHost + '/index/ement.png'" mode=""></image>
			                            <span>{{xinxilist.email}}</span>
			                       </span>
			                       <span>
			                            <image :src="imgHost + '/index/right.png'" mode=""></image>
			                       </span>
			                  </view>
			             </div>
			        </div>
			   </div>
          <!-- 创建名片 -->
          <div class="minpian">
               <view v-for="(item,index) in minpian" :key="index" @click="dianji(item.ziew)">
                    <!-- <image :src="imgHost + item.image" mode=""  :class=" index == 4 ? 'card' : '' "></image> -->
					<image v-if="item.ziew == 0" :src="imgHost + '/index/jiajia' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 1" :src="imgHost + '/index/wx' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 2" :src="imgHost + '/index/duoxuan' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 3" :src="imgHost + '/index/iconfj' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 4" class="card" :src="imgHost + '/index/card' + keyColor + '.png'"></image>
                    <span>{{item.text}}</span>
               </view>
          </div>
          <!-- 浏览人 -->
          <view class="liulanr">
               <div>
                    <div class="touxian">
						 <div v-for="(item,index) in fabulist" :key="index" v-if="index<3">
							  <image :src="item.avatar" mode=""></image>
						 </div>
                    </div>
               </div>
				   <view class="views-text" >
					   <span>浏览量{{xinxilist.views ? xinxilist.views : 0}}</span>
					   <span style="margin-left: 10rpx;">今日+{{xinxilist.fabulous_today ? xinxilist.fabulous_today : 0}}</span>
				   </view>
               <div class="kaopu" @click="kaopu">
                    <span>靠谱{{!xinxilist.fabulous ?0:xinxilist.fabulous}}</span>
                    <image :src="imgHost + '/dianzan'+keyColor+'.png'" mode=""></image>
               </div>
          </view>
          <!-- 个性标签 -->
          <view class="biaoqian" v-if="(xinxilist.switch_json.autographSwitch)||(xinxilist.switch_json.labelSwitch)||(xinxilist.switch_json.enterpriseSwitch)">
			  <div class="biantwo" v-if="xinxilist.switch_json.labelSwitch">
			       <h3>个性标签</h3>
			       <div>
			            <div v-for="(item,index) in biao" :key="index">
			                 <span>{{item}}</span>
			            </div>
			       </div>
			  </div>
				<h3 v-if="xinxilist.switch_json.autographSwitch">个人介绍</h3>
               <div class="bianone" v-if="xinxilist.autograph">
                    <image :src="imgHost + '/index/zumu'+keyColor+'.png'" mode=""></image>
                    <span>{{xinxilist.autograph}}</span>
               </div>
               <div class="bianthere" v-if="xinxilist.switch_json.enterpriseSwitch">
                    <view>
                         <span>企业信息</span>
                         <span @click="goComponeyUrl">
							 <image :src="imgHost + '/index/selectWebsite'+keyColor+'.png'" mode=""></image>
							 官网
							 <image :src="imgHost + '/index/right.png'" mode=""></image>
						</span>
                    </view>
                    <view>
                         <image :src="qiyexx.logo" mode=""></image>
                         <div>
                              <h3>{{qiyexx.name}}</h3>
                              <span>软件行业</span>
                         </div>
                    </view>
               </div>
          </view>
		  <!-- 企业视频 -->
		  <div class="remeng" v-if="qiyeVideo.length > 0 && xinxilist.switch_json && xinxilist.switch_json.videoSwitch && xinxilist.enterprise.open_svip == 0 || qiyeVideo.length > 0 && xinxilist.switch_json && xinxilist.switch_json.videoSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 "> 
		       <p>企业视频</p>
		       <view v-for="(item,index) in qiyeVideo" :key="index" @click="playVideo(item)">
					<view class="left">
						 <image :src="item.image_src"></image>
					</view>
					<view class="right">
						<view class="title">{{item.title}}</view>
						<view class="msg">{{item.des}}</view>
						<view class="tiem" style="margin-top: 20rpx;">
							<text>{{item.add_time}}</text>
						</view>
					</view>
		       </view>
		  </div>
          <!-- 热销商品 -->
		  <div class="rxspo" v-if="prolist.length > 0 && xinxilist.switch_json && xinxilist.switch_json.productSwitch && xinxilist.enterprise.open_svip == 0 || prolist.length > 0 && xinxilist.switch_json && xinxilist.switch_json.productSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 ">
               <view>
				   <span>热销商品</span>
				   <span @click="goShop">
					 <image :src="imgHost + '/index/shop'+keyColor+'.png'" mode=""></image>
					 商城
					 <image :src="imgHost + '/index/right.png'" mode=""></image>
				   </span>
               </view>
               <view class="leixing" v-for="(item,index) in prolist" :key="index">
                    <div>
                         <image :src="item.image" mode=""></image>
                    </div>
                    <div>
                         <span>{{item.store_name}}</span>
                         <span>￥{{item.price}}</span>
                    </div>
                    <div @click="lijiqg(item)">
                         <text>立即抢购</text>
                    </div>
               </view>
          </div>
          <!-- 推荐热文 -->
		  <div class="remeng" v-if="tuijianwz.length > 0 && xinxilist.switch_json && xinxilist.switch_json.articleSwitch && xinxilist.enterprise.open_svip == 0 || tuijianwz.length > 0 && xinxilist.switch_json && xinxilist.switch_json.articleSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 ">
			   <view class="remengTitle">
					<p>推荐热文</p>
					<span @click="goArticleList">
						 更多
						 <image :src="imgHost + '/index/right.png'" mode=""></image>
					</span>
			   </view>
			   <view v-for="(item,index) in tuijianwz" :key="index" @click="rewtiaoz(item)">
			        <view class="left">
			   			<image :src="item.image_input"></image>
			        </view>
			        <view class="right">
						<view class="title">{{item.title}}</view>
						<view class="msg">{{item.synopsis}}</view>
						<view class="tiem">
							<text>{{item.create_time}}</text>
							<text>{{item.visit ? item.visit : 0 }}次阅读量</text>
						</view>
			        </view>
			   </view>
          </div>
		  <div class="dimp" @click="saveMailList">
		       <view>保存到通讯录</view>
		  </div>
          <div style="height: 150rpx;"></div>
          <uni-popup ref="createdIwPop" type="center">
               <view class="oback" @click="showiw">
                    <div class='odivpp'>
                         <image class="oive" :src="imgHost + '/mine/top.png'" mode=""></image>
                         <p>
                              <image :src="imgHost + '/mine/bottom.png'" mode=""></image>
                              点击右上角“ ”，选择添加朋友，粘贴微信号后搜索
                         </p>
                         <p>
                              <image :src="imgHost + '/mine/one.png'" mode=""></image>
                              微信号已复制，点击右上角“ ”退出
                         </p>

                         <image class="oivee" :src="imgHost + '/mine/bott.png'" mode=""></image>
                    </div>
                    <div class="oimage">
                         <image :src="imgHost + '/mine/wxwx.png'" mode=""></image>
                    </div>
               </view>
          </uni-popup>
          <uni-popup ref="ifdenlu" type="center">
               <div class="odiver">
                    <view class="odictwo">
                         <div class='twimg'>
                              <image :src="xinxilist.avatar" mode=""></image>
                         </div>
                         <div class="twtext">
                              您好，请先登录再进行此操作!
                         </div>
                         <div class="annui">
                              <view @click="zanbudl">
                                   暂不登录
                              </view>
                              <view @click="denlu">
                                   立即登录
                              </view>
                         </div>
                    </view>
               </div>
          </uni-popup>
          <!-- 分享 -->
          <uni-popup ref="iffenxi" type="center">
               <div class="fenxianger">
                    <button class="item" open-type="share" hover-class="none" @click="goFriend">
                    	<view class="iconfont icon-weixin3"></view>
                    	<view class="">{{$t(`发送给朋友`)}}</view>
                    </button>
               </div>
          </uni-popup>
     </view>
</template>

<script>
     import {
          HTTP_REQUEST_URL
     } from '@/config/app.js';
	 import {
	 	copyWechat
	 } from '@/api/userminp.js'
     import {
          card_fab,
          carduser
     } from '@/api/userminp.js'
     import {
          toLogin
     } from '@/libs/login.js';
	 import {
	 	getShareTitle
	 } from '@/api/public.js'
     import {
          mapGetters
     } from "vuex";
     // import tabBar from "@/pages/index/visualization/components/tabBar.vue"
	 import { openNewMessageSubscribe } from '@/utils/SubscribeMessage.js';
     // import taber from '../component/taber/taber.vue'
     export default {
          components: {
               // tabBar
          },
          computed: {
               ...mapGetters({
                    isLogin: 'isLogin',
					viewColor:'viewColor',
					keyColor:"keyColor"
               })
          },
          data() {
               return {
                    fabulist:[],
                    is_diy: uni.getStorageSync('is_diy'),
                    imgHost: HTTP_REQUEST_URL + '/mingpian',
                    apiHost: HTTP_REQUEST_URL,
                    // isLogin:false,
                    share_uid: null,
                    prolist: [],
                    tuijianwz: [],
                    qiyexx: [],
                    xinxie: [],
                    xinxilist: {
						switch_json:{}
					},
                    shoiwww: false,
                    show: false,
                    biao: [],
					qiyeVideo:[],
					// 小程序分享标题
					share_title:"",
                    img: [{
                              image: "/index/token.png",
                         },
                         {
                              image: "/index/token.png",
                         },
                         {
                              image: "/index/token.png",
                         }
                    ],
                    minpian: [
						// {
      //                         image: '/index/jiajia.png',
      //                         text: '创建名片',
      //                         ziew: 0,
      //                    },
                         {
                              image: '/index/wx.png',
                              text: '添加微信',
                              ziew: 1,
                         },
                         {
                              image: '/index/duoxuan.png',
                              text: '发私信',
                              ziew: 2,
                         },
                         {
                              image: '/index/iconfj.png',
                              text: '转发名片',
                              ziew: 3,
                         },
						 {
						      image: '/index/card.png',
						      text: '递名片',
						      ziew: 4,
						 }
                    ]
               }
          },
          onLoad(e) {
               this.share_uid=e.uid
               // if (options.share_uid) this.share_uid = options.share_uid
			   if(this.viewColor){
				   var arr =this.viewColor.split(";")
				   for(var i=0;i<arr.length;i++){
					   if(arr[i].indexOf("--view-theme")!=-1){
						   var col = arr[i].split(": ");
						   uni.setNavigationBarColor({
							   frontColor: '#ffffff',
								backgroundColor:col[1]
						   })
					   }
				   }
			   }
          },
          onShow() {
               this.getcard_user()
			   getShareTitle({
			   		field:"businessCardShareTitle"
			   }).then(res=>{
			   		this.share_title = res.data.businessCardShareTitle
			   })
          },
		  onShareAppMessage(e) {
			  if (e.from === 'button') {
				//console.log('来自页面内转发按钮');
			  } else if (e.from === 'menu') {
				//console.log('右上角菜单转发按钮');
			  }
			  var share_title = '';
			  if(this.xinxilist.switch_json.shareCheckText){
			  	share_title = this.xinxilist.switch_json.shareCheckText
			  }
			  return { // 自定义分享内容
				title: share_title,
				path: `/pages/index/minp?share_uid=` + this.share_uid // 路径，可传递参数到指定页面
			}
		  },
		  onShareTimeline() {
			  var share_title = '';
			  if(this.xinxilist.switch_json.shareCheckText){
			  	share_title = this.xinxilist.switch_json.shareCheckText
			  }
				return {
					title: share_title ,
					path: `/pages/index/minp?share_uid=` + this.share_uid,
				};
		  	},
          methods: {
			  // 跳转文章列表
			  goArticleList(){
				  uni.navigateTo({
					url:"/pages/userminp/recomArticleList/recomArticleList?merId="+this.qiyexx.mer_id
				  })
			  },
			  // 跳转商城
			  goShop(){
				uni.navigateTo({
					url:"/pages/store/index"
				})
			  },
			  // 去官网
			  goComponeyUrl() {
				   copyWechat(this.xinxilist.uid,"2")
				   // if(this.xinxilist && this.xinxilist.is_znmp == 0 ){
					  //  uni.showToast({
							// title:"服务时间已到期",
							// icon:"error"
					  //  })
					  //  return
				   // }
				   if(!uni.getStorageSync("QIYEID")||uni.getStorageSync("QIYEID")==3){
						uni.redirectTo({
							url:'/pages/webview/webview'
						})
						return false
				   }
				   uni.navigateTo({
						url: '/pages/webview/websub/websub?id='+this.share_uid
				   })
			  },
			  // 保存到通讯录
			  saveMailList(){
				uni.addPhoneContact({
					firstName:this.xinxilist.nickname,
					mobilePhoneNumber:this.xinxilist.phone,
					organization:this.qiyexx.name,
					title:this.xinxilist.position_name ? this.xinxilist.position_name : "",
					email:this.xinxilist.email ? this.xinxilist.email : '',
					weChatNumber:this.xinxilist.wechat ? this.xinxilist.wechat : "",
					success(res) {
						uni.showToast({
							title:"添加成功"
						})
					}
				})
			  },
			  // 跳转视频播放页面
			  playVideo(item){
					uni.navigateTo({
						url:"/pages/webview/playVideo/playVideo?id="+item.id
					})
			  },
			  // 点击跳转推荐热文
			   rewtiaoz(item) {
					uni.navigateTo({
						url: '/pages/news_details/index?id=' + item.article_id
					})
			   },
               // 分享
               goFriend(){
                    
                   if (e.from === 'button') {
                        //console.log('来自页面内转发按钮');
                   } else if (e.from === 'menu') {
                   	        //console.log('右上角菜单转发按钮');
                   }
                   return { // 自定义分享内容
                        title: "智能名片",
                        desc: "",
                        path: "/pages/index/minp" // 路径，可传递参数到指定页面
                   } 
                   this.$refs.iffenxi.close()
               },
               // 名片信息
               getcard_user() {
                    let then = this
                    if (!this.share_uid && this.isLogin) {
                         this.share_uid = uni.getStorageSync('UID')
                    }
                    carduser({
                         share_uid: this.share_uid
                    }).then((res) => {
                         if (uni.getStorageSync('UID') == '') {
                              then.getifdelu()
                         } else {
                              if (uni.getStorageSync('UID') == this.share_uid) {
                                   if (res.data.type == 0) {
                                        uni.navigateTo({
                                             url: '/pages/userminp/denlu/denlu'
                                        })
                                   }
                              }
                         }
						uni.setStorageSync("merId",res.data.enterprise.mer_id)
                        uni.setStorageSync("QIYEID",res.data.enterprise.id)
                         if (this.share_uid != uni.getStorageSync('UID')) {
                          //     let baockh = {
                          //          image: '/index/jiajia.png',
                          //          text: '保存客户',
                          //          ziew: 0,
                          //     }
                         	// this.minpian.splice(0, 1,baockh)
                         } 
                         this.prolist = res.data.product_list.reverse()
                         this.fabulist=res.data.fabulous_list
                         this.xinxilist = res.data
						 // 展示内容开关
						 this.xinxilist.switch_json = JSON.parse(this.xinxilist.switch_json)
                         this.tuijianwz = res.data.article_list.reverse();
						 this.qiyeVideo=res.data.video_list
                         this.qiyexx = res.data.enterprise == null ? [] : res.data.enterprise
                         this.biao = JSON.parse(res.data.label_names) 
                         if (this.xinxilist.type == 1) {
                              // let osmer = {
                              //      image: '/index/jiajia.png',
                              //      text: '编辑客户',
                              //      ziew: 0,
                              // }
                              // this.minpian.splice(0, 1, osmer)
                         }
                    }).catch(re => {
                         if (!this.isLogin && !this.share_uid) {
                              this.getifdelu()
                         }
                    })
               },
               showiw() {
                    this.$refs.createdIwPop.close()
               },
               lijiqg(item) {
				   copyWechat(this.xinxilist.uid,"1")
                    uni.navigateTo({
                    	url: `/pages/goods_details/index?id=${item.product_id}`
                    })
               },
               zanbudl() {
                    this.$refs.ifdenlu.close()
               },
               getifdelu() {
                    this.$refs.ifdenlu.open('center')
               },
               // 点赞
               kaopu() {
                    if (this.share_uid != uni.getStorageSync('UID')) {
                         card_fab({
                              z_uid: this.share_uid
                         }).then((res) => {
							 uni.showToast({
							 	title:res.message
							 })
							 this.getcard_user()
						 })
                    } else {
                         uni.showToast({
                              title: '不能给自己点赞',
                              icon: 'none'
                         })
                    }

               },
               haibao() {
				   uni.showToast({
						title: '只能查看自己的名片',
						icon: 'none'
				   })
                    // uni.navigateTo({
                    //      url: '/pages/userminp/business/business?share=' + this.share_uid
                    // })
               },
			   // 点击地址
			   openMap() {
			        if (this.xinxilist.enterprise && (this.xinxilist.enterprise.latitude != '' && this.xinxilist.enterprise.longitude != '')) {
			             uni.openLocation({
			                  latitude: parseFloat(this.xinxilist.enterprise.latitude),
			                  longitude: parseFloat(this.xinxilist.enterprise.longitude),
			                  name: this.xinxilist.enterprise.address,
			                  success: (e) => {
			                  }
			             })
			        } else {
			   
			        }
			   },
               dianji(ziew) {
				   console.log(ziew)
                    if (!this.isLogin) {
                         // this.show = true;
                         this.$refs.ifdenlu.open('center')
                         return false;
                    }
                    if (ziew == 0) {
                         if (this.xinxilist.type == 1) {
                              if(this.share_uid != uni.getStorageSync('UID')){
                                   uni.navigateTo({
                                        url:'/pages/userminp/mine/tianjia/tianjia?share='+this.share_uid,
                                   })
                              }else{
                                   uni.navigateTo({
                                        url: '/pages/userminp/bianjimp/bianjimp',
                                   })
                              }
                              
                         } else {
                              uni.navigateTo({
                                   url: '/pages/userminp/denlu/denlu'
                              })
                         }

                    }
                    if (ziew == 1) {
						var that = this;
						if (!that.xinxilist.wechat_img){
							 return uni.showToast({
								icon: 'none',
								title: '暂未上传'
							})
						}
						copyWechat(this.xinxilist.uid,"3")
						uni.previewImage({
							urls:[that.xinxilist.wechat_img],
							indicator:"none"
						})
                         // 复制电话号
                         // uni.setClipboardData({
                         //      data: this.xinxilist.phone,
                         //      success: function() {
                         //           uni.showToast({
                         //                icon: 'none',
                         //                title: '复制成功'
                         //           })
                         //      }
                         // })
                         // this.$refs.createdIwPop.open('center')
                    }
                    if (ziew == 2) {
						openNewMessageSubscribe().then(res=>{
							let url = this.xinxilist.kefu_url
							let service_id = this.xinxilist.kefu_id
							if(service_id){
								 return uni.navigateTo({
									url:`/pages/chat/customer_list/chat?mer_id=0&service_id=`+service_id
								 })
							}else{
								 return uni.navigateTo({
									url:`/pages/chat/customer_list/chat?mer_id=${this.qiyexx.mer_id}&service_id=`+service_id
								 })
							}
						})
                    }
                    if (ziew == 3) {
                        // #ifdef MP
                        this.$refs.iffenxi.open('bottom')
                        // #endif
                        // #ifdef H5
                         uni.navigateTo({
                              url: '/pages/userminp/mpzuf/mpzuf'
                         })
                        // #endif
                    }
					if(ziew == 4){
						this.xzmp()
					}
               },
			   // 递名片
			   xzmp() {
				   copyWechat(this.xinxilist.uid,"4")
				   // if(this.xinxilist && this.xinxilist.is_znmp == 0 ){
					  //  uni.showToast({
							// title:"服务时间已到期",
							// icon:"error"
					  //  })
					  //  return
				   // }
				   uni.navigateTo({
						url: '/pages/userminp/scrollerm/scrollerm?logo=' + this.qiyexx.logo + '&name=' + this.qiyexx.name + '&share=' + this.share_uid+'&natext='+this.xinxilist.nickname+'&zhiye='+this.xinxilist.position_name
				   })
			   },
               denlu() {
					uni.navigateTo({
						 url: '/pages/users/wechat_login/index'
					})
               }
          }
     }
</script>

<style lang="scss">
     .fenxianger{
          background-color: #fff;
          height: 250rpx;
          .item{
               padding:20rpx;
               .iconfont{
                    font-size: 70rpx;
                    color: green;
               }
               view{
                   font-size: 30rpx; 
               }
          }
     }
     .odiver {
          .odictwo {
               padding-top: 100rpx;
               width: 650rpx;
               background-color: #fff;
               border-radius: 25rpx;

               .twimg {
                    position: absolute;
                    top: -50rpx;
                    left: 50rpx;
                    width: 120rpx;
                    height: 120rpx;
                    border: 2rpx solid #fff;
                    border-radius: 100rpx;
                    overflow: hidden;

                    image {
                         width: 100%;
                         height: 100%;
                    }
               }

               .twtext {
                    margin: 0rpx 48rpx;
                    // margin-top: 70rpx;
                    background-color: #f7f8fa;
                    padding: 36rpx 24rpx;
               }

               .annui {
                    display: flex;
                    justify-content: space-between;
                    padding: 40rpx 60rpx;

                    view {
                         padding: 20rpx 60rpx;
                         border-radius: 44rpx;
                    }

                    view:nth-child(1) {
                         border: 2rpx solid var(--view-theme);
                         color: var(--view-theme);
                    }

                    view:nth-child(2) {
                         background-color: var(--view-theme);
                         color: #fff;
                    }
               }
          }
     }

     .oljks {
          width: 640rpx;
          height: 450rpx;
          padding-top: 60rpx;

          .ljdl {
               background-color: #fff;
               border-radius: 25rpx;

               div:nth-child(1) {
                    position: relative;
                    top: -60rpx;
                    left: 60rpx;
                    width: 120rpx;
                    height: 120rpx;

                    image {
                         width: 100%;
                         height: 100%;
                    }
               }

               div:nth-child(2) {
                    background-color: #eee;
                    padding: 20rpx;
                    margin: 0rpx 30rpx;
               }

               div:nth-child(3) {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 30rpx 100rpx;

                    view:nth-child(1) {
                         background-color: #fff;
                         color: var(--view-theme);
                         border: 2rpx solid var(--view-theme);
                    }

                    view {
                         width: 200rpx;
                         height: 80rpx;
                         background-color: var(--view-theme);
                         color: #fff;
                         font-size: 30rpx;
                         text-align: center;
                         line-height: 80rpx;
                         border-radius: 50rpx;
                    }
               }
          }
     }

     /deep/.u-mode-center-box {
          background-color: transparent;
     }

     .nodenllu {
          width: 654rpx;
          height: 718rpx;

          // background-color: rgba(0, 0, 0, 0.6);
          // background-color: transparent;
          .backimg {
               text-align: center;
               width: 100%;
               height: 718rpx;
               // background-image: url('../../static/backdianji.png');
               background-size: 100%;
               background-repeat: no-repeat;
               padding-top: 340rpx;

               .text {
                    margin: auto;
                    font-weight: 600;
                    font-size: 40rpx;
                    line-height: 44rpx;
                    color: #161616;
               }

               span {
                    font-weight: 400;
                    font-size: 28rpx;
                    line-height: 100rpx;
                    color: #999;
               }

               div {
                    margin: auto;
                    width: 464rpx;
                    height: 96rpx;
                    border-radius: 48rpx;
                    background: var(--view-theme);
                    box-shadow: 0 12rpx 36rpx rgba(193, 0, 0, 0.1);
                    font-weight: 600;
                    font-size: 34rpx;
                    line-height: 96rpx;
                    text-align: center;
                    color: #fff;
               }

               p {
                    display: inline-block;
                    font-weight: 400;
                    font-size: 28rpx;
                    line-height: 44rpx;
                    text-align: left;
                    color: var(--view-theme);
               }
          }
     }

     .herd {
          width: 100%;
          height: 384rpx;
          background-color: var(--view-theme);
          border-radius: 0 0 32rpx 32rpx;
          padding-top: 136rpx;
     }

     .haibao {
          height: 464rpx;
          border-radius: 8rpx;
          // background: transparent;
          box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.04);
          margin: 0rpx 30rpx;
          margin-top: -45%;
          background-color: rgba(255, 255, 255, 0.97);

          .haibao-top {
               height: 210rpx;
               padding: 48rpx;
               padding-bottom: 0rpx;
               display: flex;
               justify-content: space-between;

               .haiimage {
                    view:nth-child(1) {
                         text-align: right;

                         image {
                              width: 28rpx;
                              height: 28rpx;
                              vertical-align: middle;
                         }

                         span {
                              margin-right: 6rpx;
                              vertical-align: middle;
                              font-weight: 500;
                              font-size: 30rpx;
                              line-height: 40rpx;
                              text-align: right;
                              color: #595959;
                         }
                    }

                    view:nth-child(2) {
                         margin-top: 20rpx;
                         width: 144rpx;
                         height: 144rpx;
                         overflow: hidden;
                         border-radius: 100rpx;

                         image {
                              width: 100%;
                              height: 100%;
                         }
                    }
               }

               .haitetx {
                    margin-top: 20rpx;

                    h3 {
                         font-weight: 600;
                         font-size: 42rpx;
                         line-height: 80rpx;
                         text-align: left;
                         color: #161616;
                    }

                    p {
                         font-weight: 600;
                         font-size: 22rpx;
                         line-height: 40rpx;
                         text-align: left;
                         color: #a0a0a0;
                    }
               }
          }

          .haibao-bott {
               padding: 48rpx;
               padding-top: 30rpx;

               view:nth-child(3) {
                    span:nth-child(1) {
                         image {
                              width: 24rpx;
                              height: 20rpx;
                         }
                    }
               }

               view {
                    display: flex;
                    justify-content: space-between;
                    // align-items: center;

                    span {
                         margin-top: 10rpx;

                         image {
                              width: 16rpx;
                              height: 24rpx;
                              vertical-align: middle;
                         }

                         span {
                              font-weight: 600;
                              font-size: 24rpx;
                              line-height: 44rpx;
                              text-align: left;
                              color: #595959;
                              vertical-align: middle;
                              margin-left: 14rpx;
                         }
                    }
               }
          }
     }

     .minpian {
          margin: 0rpx 54rpx;
          // margin-top: 200rpx;
          height: 208rpx;
          background-color: rgba(255, 255, 255, 1);
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0rpx 20rpx;

          view {
               text-align: center;

               image {
                    width: 80rpx;
                    height: 80rpx;
               }

               span {
                    display: block;
                    font-weight: 600;
                    font-size: 24rpx;
                    text-align: center;
                    color: #161616;
               }
          }
     }
	 .card{
	 	  width: 60rpx !important;
	 	  height: 60rpx !important;
	 	  margin-bottom: 10rpx;
	 	  margin-top: 10rpx;
	 }

     .liulanr {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 40rpx 56rpx;
     
          .kaopu {
               width: 144rpx;
               height: 36rpx;
               border-radius: 18rpx;
               background: transparent;
               text-align: center;
     
               span {
                    font-weight: 400;
                    font-size: 26rpx;
                    text-align: left;
                    color: #a0a0a0;
               }
     
               image {
                    margin-left: 10rpx;
                    vertical-align: middle;
                    width: 19rpx;
                    height: 20rpx;
               }
          }
     
          div:nth-child(1) {
               .touxian {
                    vertical-align: middle;
                    display: inline-block;
                    div {
                         display: inline-block;
                         width: 48rpx;
                         height: 48rpx;
                         border-radius: 100rpx;
                         overflow: hidden;
                         vertical-align: middle;
     
                         image {
                              width: 100%;
                              height: 100%;
                         }
                    }
     
     					// div:nth-child(1) {
     //                     position: absolute;
     //                     left: 0;
     //                }
                    div:nth-child(2) {
                         // position: absolute;
                         // left: 90rpx;
     						 margin-left: -20rpx;
                    }
     
                    div:nth-child(3) {
                         // position: absolute;
                         // left: 120rpx;
     
     						 margin-left: -20rpx;
                    }
               }
     
               p {
                    margin-left: 70rpx;
                    vertical-align: middle;
                    display: inline-block;
                    font-weight: 600;
                    font-size: 28rpx;
                    text-align: left;
                    color: #161616;
               }
     
               span {
                    vertical-align: middle;
                    margin-left: 10rpx;
                    font-weight: 400;
                    font-size: 26rpx;
                    text-align: left;
                    color: #a0a0a0;
               }
          }
     		  .views-text{
     			  flex: 1;
     			  margin-left: 10rpx;
     		  }
     		  .views-text span:nth-child(1){
     			  vertical-align: middle;
     			  display: inline-block;
     			  font-weight: 600;
     			  font-size: 28rpx;
     			  text-align: left;
     			  color: #161616;
     		  }
     		  .views-text span:nth-child(2){
     			  vertical-align: middle;
     			  margin-left: 10rpx;
     			  font-weight: 400;
     			  font-size: 26rpx;
     			  text-align: left;
     			  color: #a0a0a0;
     		  }
     }

     .biaoqian {
          // width: 100%;
          // padding: 48rpx;
		  padding: 0 40rpx 40rpx 40rpx;
          // height: 816rpx;
          border-radius: 8rpx;
          background: #fff;
		  &>h3{
		  	font-weight: 600;
		  	font-size: 32rpx;
		  	text-align: left;
		  	color: #161616;
		  	padding-bottom: 20rpx;
			padding-top: 40rpx;
		  }

          .bianone {
               padding-bottom: 60rpx;
               // height: 60rpx;
               display: flex;
               // justify-content: space-between;
               align-items: center;
               border-bottom: 2rpx dashed #eee;

               image {
                    margin-right: 20rpx;
                    width: 30rpx;
                    height: 32rpx;
               }

               span {
                    width: 90%;
                    word-wrap: break-word;
                    line-height: 34rpx;
                    font-weight: 600;
                    font-size: 22rpx;
                    text-align: left;
                    color: #161616;
               }
          }

          .biantwo {
               padding-bottom: 40rpx;
               border-bottom: 2rpx dashed #eee;
               // margin-top: 40rpx;
			   // margin-bottom: 40rpx;
			   padding-top: 40rpx;

               h3 {
                    font-weight: 600;
                    font-size: 30rpx;
                    text-align: left;
                    color: #161616;
               }

               div {
                    padding-top: 40rpx;

                    div:nth-child(1) {
                         margin-left: 0rpx;
                    }

                    div {
                         margin-top: 16rpx;
                         margin-left: 16rpx;
                         display: inline-block;
                         padding: 0rpx 48rpx;
                         height: 65rpx;
                         border-radius: 32rpx;
                         background: #f7f8fa;

                         span {
                              text-align: center;
                              line-height: 64rpx;
                              font-weight: 600;
                              font-size: 24rpx;
                              text-align: left;
                              color: #595959;
                         }
                    }
               }
          }

          .bianthere {
               padding-top: 40rpx;

               & > view:nth-child(1) {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
               
                    span:nth-child(1) {
                         font-weight: 600;
                         font-size: 32rpx;
                         text-align: left;
                         color: #161616;
                    }
               
                    span:nth-child(2) {
                         font-weight: 600;
                         font-size: 24rpx;
                         text-align: right;
                         // color: #595959;
                         vertical-align: middle;
               						 display: flex;
               						 align-items: center;
               						 color: var(--view-theme);
                         image {
                              margin-left: 10rpx;
                              vertical-align: middle;
                              width: 14rpx;
                              height: 28rpx;
                         }
               						 image:nth-of-type(1){
               							 width: 30rpx;
               							 margin-right: 10rpx;
               						 }
                    }
               }

               view:nth-child(2) {
                    margin-top: 40rpx;
                    display: flex;
                    align-items: center;

                    image {
                         width: 96rpx;
                         height: 96rpx;
                    }

                    div {
                         margin-left: 20rpx;
                         display: inline-block;

                         h3 {
                              font-weight: 600;
                              font-size: 32rpx;
                              text-align: left;
                              color: #161616;
                         }

                         span {
                              margin-top: 10rpx;
                              font-weight: 400;
                              font-size: 22rpx;
                              text-align: left;
                              color: #a0a0a0;
                         }
                    }
               }
          }
     }

     .rxspo {
          margin-top: 20rpx;
          background-color: #fff;
          border-radius: 8rpx;
          padding: 48rpx;
     
          & > view:nth-child(1) {
               display: flex;
               justify-content: space-between;
               align-items: center;
          
               span:nth-child(1) {
                    font-weight: 600;
                    font-size: 32rpx;
                    text-align: left;
                    color: #161616;
               }
          
               span:nth-child(2) {
                    font-weight: 600;
                    font-size: 24rpx;
                    text-align: right;
                    // color: #595959;
                    vertical-align: middle;
          						 display: flex;
          						 align-items: center;
          						 color: var(--view-theme);
                    image {
                         margin-left: 10rpx;
                         vertical-align: middle;
                         width: 14rpx;
                         height: 28rpx;
                    }
          						 image:nth-of-type(1){
          							 width: 30rpx;
          							 margin-right: 10rpx;
          						 }
               }
          }
     
          .leixing {
               margin-top: 40rpx;
               display: flex;
               align-items: center;
     
               div:nth-child(1) {
                    width: 150rpx;
                    height: 150rpx;
                    overflow: hidden;
                    border-radius: 15rpx;
     
                    image {
                         width: 100%;
                         height: 100%;
                    }
               }
     
               div:nth-child(2) {
                    padding-top: 10rpx;
                    flex: 1;
     
                    span:nth-child(1) {
                         margin-left: 20rpx;
                         font-weight: 600;
                         font-size: 32rpx;
                         text-align: left;
                         color: #000;
                         // height: 86rpx;
                         overflow: hidden;
                         display: -webkit-box;
                         -webkit-line-clamp: 2; //在第几行变为...
                         -webkit-box-orient: vertical;
                         text-overflow: ellipsis;
                    }
     
                    span:nth-child(2) {
                         margin-left: 20rpx;
                         font-weight: 400;
                         font-size: 34rpx;
                         color: #000;
                         line-height: 80rpx;
                    }
     
               }
     
               div:nth-child(3) {
                    margin: 44rpx 5rpx;
                    margin-top: 54rpx;
                    width: 160rpx;
                    height: 54rpx;
                    border-radius: 27rpx;
                    background: var(--view-bntColor22);
                    text-align: center;
     
                    text {
                         text-align: center;
                         font-weight: 600;
                         font-size: 26rpx;
                         color: #fff;
                         line-height: 54rpx;
                    }
               }
     
          }
     }

     .remeng {
          margin-top: 20rpx;
          background-color: #fff;
          border-radius: 8rpx;
          padding: 48rpx;
          p {
               font-weight: 600;
               font-size: 32rpx;
               text-align: left;
               color: #161616;
          }
     	 &>view{
     		display: flex;
     		align-items: center;
     		margin-bottom: 20rpx;
     	 }
		 .remengTitle{
			 align-items: center;
			 justify-content: space-between;
			 span{
				font-weight: 600;
				font-size: 24rpx;
				display: flex;
				align-items: center;
			 }
			 image{
				 margin-left: 10rpx;
				 vertical-align: middle;
				 width: 14rpx;
				 height: 28rpx;
			 }
		 }
     	 .left{
     		 display: inline-block;
     		 image{
     			 width: 200rpx;
     			 height:120rpx;
     			 border-radius: 20rpx;
     		 }
     	 }
     	 .right{
     		 &>view{
     			margin: 10rpx 0;
     		 }
     		 display: inline-block;
     		 margin-left: 10px;
     		 width: 600rpx;
     		 .title{
     			 width: 100%;
     			 font-size: 32rpx;
     			 font-weight: 600;
     		 }
     		 .msg{
     			 font-size: 24rpx;
     		 }
     		 .tiem{
     			 width: 100%;
     			 font-size: 24rpx;
     			 color: gray;
     			 display: flex;
     			 justify-content: space-between;
     		 }
     	 }
     }

     .dimp {
          // background-color: #fff;
          width: 100%;
          margin-top: 20rpx;
          padding: 40rpx 0rpx;
          view {
               margin: auto;
               width: 432rpx;
               height: 80rpx;
               border-radius: 40rpx;
               background: var(--view-theme);
               box-shadow: 0 12rpx 36rpx rgba(193, 0, 0, 0.1);
               font-weight: 600;
               font-size: 34rpx;
               line-height: 44rpx;
               text-align: center;
               color: #fff;
               line-height: 80rpx;
          }
     }

     .oback {
          .odivpp {
               height: 420rpx;
               position: relative;

               .oive {
                    position: absolute;
                    top: 0rpx;
                    right: 0rpx;
                    width: 108rpx;
                    height: 160rpx;

               }

               .oivee {
                    width: 108rpx;
                    height: 160rpx;
                    position: absolute;
                    right: 0rpx;
                    bottom: 0rpx;
               }

               p {
                    position: absolute;
                    top: 30%;
                    font-family: "PingFang SC";
                    font-weight: 400;
                    font-size: 28rpx;
                    line-height: 44rpx;
                    text-align: left;
                    color: #fff;

                    image {
                         width: 40rpx;
                         height: 40rpx;
                         vertical-align: middle;
                    }
               }

               p:nth-child(2) {
                    position: absolute;
                    top: 50%;
               }
          }

          .oimage {
               width: 654rpx;
               height: 776rpx;

               image {
                    width: 100%;
                    height: 100%;
               }
          }
     }
     .haibao-two {
          
          box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.04);
          margin: 0rpx 30rpx;
          margin-top: -45%;
          background-color: rgba(255, 255, 255, 0.97);
          .moban{
               text{
                    font-size: 100rpx;
               }
          }
          .haibao1 {
               .haibao-top1 {
                    padding: 48rpx;
                    padding-bottom: 0rpx;
                    display: flex;
                    justify-content: space-between;
     
                    .haiimage1 {
                         padding-top: 15rpx;
     
                         view:nth-child(1) {
                              text-align: right;
     
                              image {
                                   width: 28rpx;
                                   height: 28rpx;
                                   vertical-align: middle;
                              }
     
                              span {
                                   margin-right: 6rpx;
                                   vertical-align: middle;
                                   font-weight: 500;
                                   font-size: 30rpx;
                                   line-height: 40rpx;
                                   text-align: right;
                                   color: #595959;
                              }
                         }
     
                         view:nth-child(2) {
                              width: 144rpx;
                              height: 144rpx;
     
                              image {
                                   width: 100%;
                                   height: 100%;
                              }
                         }
                    }
     
                    .haitetx1 {
                         h3 {
                              font-weight: 600;
                              font-size: 42rpx;
                              line-height: 80rpx;
                              text-align: left;
                              color: #161616;
                         }
     
                         p {
                              font-weight: 600;
                              font-size: 22rpx;
                              line-height: 40rpx;
                              text-align: left;
                              color: #a0a0a0;
                         }
                    }
               }
     
               .haibao-bott1 {
                    padding: 48rpx;
                    padding-top: 0rpx;
     
                    view {
                         display: flex;
                         justify-content: space-between;
                         // align-items: center;
     
                         span {
                              margin-top: 10rpx;
     
                              image {
                                   width: 16rpx;
                                   height: 24rpx;
                                   vertical-align: middle;
                              }
     
                              span {
                                   font-weight: 600;
                                   font-size: 24rpx;
                                   line-height: 44rpx;
                                   color: #595959;
                                   vertical-align: middle;
                                   margin-left: 14rpx;
                              }
                         }
                    }
					&>view:nth-of-type(3){
						&>span:nth-of-type(1){
							image{
								width: 24rpx;
								height: 20rpx;
							}
						}
					}
               }
          }
     }
     .h-hanbao2 {
          overflow: hidden;
          margin: 0rpx 30rpx;
          margin-top: -45%;
          display: flex;
          border-radius: 8rpx;
          box-shadow: 0 12rpx 26rpx rgba(0, 0, 0, 0.04);
          background-color: rgba(255, 255, 255, 0.97);
          position: relative;
     
          .sbajia {
               position: absolute;
               left: 298rpx;
               bottom: 108rpx;
               width: 100rpx;
               height: 338rpx;
               // background: purple;
               transform: perspective(72rpx) rotateX(28deg);
     
               background-color: #fff;
               z-index: 2;
          }
     
          div:nth-child(2) {
               z-index: 10;
          }
     
          div:nth-child(3) {
               z-index: 1;
          }
     
          .h-text {
               width: 374rpx;
               height: 122rpx;
               // background: url('../static/mine/trone.png') no-repeat;
               background-size: 100% 100%;
               padding-top: 12rpx;
               box-sizing: border-box;
               padding-left: 48rpx;
     
               h3 {
                    font-weight: 600;
                    font-size: 42rpx;
                    line-height: 60rpx;
                    text-align: left;
                    color: #161616;
     
               }
     
               p {
                    font-weight: 600;
                    font-size: 22rpx;
                    line-height: 40rpx;
                    text-align: left;
                    color: #a0a0a0;
     
               }
     
          }
     
          .haibao-bott2 {
               padding: 48rpx;
               padding-top: 0rpx;
     			   padding-right: 0rpx;
               margin-bottom: 48rpx;
               z-index: 15;
     
               view {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
     
                    span {
                         margin-top: 10rpx;
     
                         image {
                              width: 16rpx;
                              height: 24rpx;
                              vertical-align: middle;
                         }
     
                         span {
                              font-weight: 600;
                              font-size: 20rpx;
                              line-height: 44rpx;
                              text-align: left;
                              color: #595959;
                              vertical-align: middle;
                              margin-left: 14rpx;
                         }
                    }
               }
			   &>view:nth-of-type(3){
					image{
						width: 24rpx;
						height: 20rpx;
					}
				}
          }
     
          .h-img {
               width: 100%;
               height: 100;
               z-index: 10;
               overflow: hidden;
     
               // margin-top: 28rpx;
               .herimg {
                    text {
                         line-height: 300rpx;
                         margin-left: 150rpx;
                         font-size: 50rpx;
                         // display: block;
                    }
     
                    span {
                         margin-left: 40rpx;
                         text-align: center;
                         display: block;
                         margin-top: -120rpx;
                    }
               }
     
               image {
                    width: 100%;
                    height: 100%;
               }
          }
     }
	 .haibaoText{
	 		 margin-top: 10rpx;
	 	& > view{
	 		display: flex;
	 		align-items: center;
	 		margin-top: 10px;
	 		text{
	 			margin-right: 10rpx;
	 		}
	 		image{
	 			width: 28rpx;
	 			height: 28rpx;
	 		}
	 	}
	 }
</style>
